import React, { memo } from 'react'
import { useRoutes } from 'react-router-dom'

import routes from './router'
import AppFooter from './components/app-footer'
import AppHeader from './components/app-header'

export default memo(function App() {
  return (
    <div className="app">
      <AppHeader />
      <div className="page">{useRoutes(routes)}</div>
      <AppFooter />
    </div>
  )
})
